<!doctype html>
<html lang="en" xmlns:th="http://www.w3.org/1999/xhtml">

<head>
    <title>泽兰抄-首页</title>
    <meta charset="utf-8">
    <meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no">


    <link href="https://fonts.googleapis.com/css?family=Raleway:300,400,700&display=swap" rel="stylesheet">

    <link rel="stylesheet" href="/static/fonts/icomoon/style.css">

    <link rel="stylesheet" href="/static/css/bootstrap.min.css">
    <link rel="stylesheet" href="/static/css/jquery.fancybox.min.css">
    <link rel="stylesheet" href="/static/css/owl.carousel.min.css">
    <link rel="stylesheet" href="/static/css/owl.theme.default.min.css">
    <link rel="stylesheet" href="/static/fonts/flaticon/font/flaticon.css">
    <link rel="stylesheet" href="/static/css/aos.css">

    <!-- MAIN CSS -->
    <link rel="stylesheet" href="/static/css/style.css">


</head>

<body data-spy="scroll" data-target=".site-navbar-target" data-offset="300">
<div class="adcenter">
    <script src="http://www.cssmoban.com/include/new/ggad2_728x90.js"></script>
</div>


<div class="site-wrap" id="home-section">

    <div class="site-mobile-menu site-navbar-target">
        <div class="site-mobile-menu-header">
            <div class="site-mobile-menu-close mt-3">
                <span class="icon-close2 js-menu-toggle"></span>
            </div>
        </div>
        <div class="site-mobile-menu-body"></div>
    </div>

    <header class="site-navbar js-sticky-header site-navbar-target" role="banner">

        <div class="container">
            <div class="row align-items-center position-relative">


                <div class="site-logo">
                    <a href="/index" class="text-black"><span class="text-primary">泽兰抄</span></a>
                </div>

                <div class="col-12">
                    <nav class="site-navigation text-right ml-auto " role="navigation">

                        <ul class="site-menu main-menu js-clone-nav ml-auto d-none d-lg-block">
                            <li><a href="#home-section" class="nav-link">图谱搜索</a></li>
                            <li><a href="#services-section" class="nav-link">功能列表</a></li>


                            {#                            <li>#}
                            {#                                <a href="#about-section" class="nav-link">推荐词条</a>#}
                            {##}
                            {#                            </li>#}
                            {##}
                            {#                            <li><a href="#why-us-section" class="nav-link">随便逛逛</a></li>#}
                            {##}
                            {#                            <li><a href="#testimonials-section" class="nav-link">用户手册</a></li>#}
                            {#                            <li><a href="#blog-section" class="nav-link">关于我们</a></li>#}
                            <li><a href="#contact-section" class="nav-link">联系我们</a></li>

                            {% ifequal 0 session.status %}
                                <li><a href="/login" class="nav-link">注册/登录</a></li>
                            {% endifequal %}
                            {% ifequal 1 session.status %}
                                <li><a class="nav-link">欢迎！{{ session.username }}</a></li>
                                <li><a href="/logout" class="nav-link">退出登录</a></li>

                            {% endifequal %}
                        </ul>
                    </nav>

                </div>

                <div class="toggle-button d-inline-block d-lg-none"><a href="#"
                                                                       class="site-menu-toggle py-5 js-menu-toggle text-black"><span
                        class="icon-menu h3"></span></a></div>

            </div>
        </div>

    </header>

    <div class="ftco-blocks-cover-1">
        <div class="ftco-cover-1 overlay" style="background-image: url('/static/images/medicine1.jpg')">
            <div class="container">
                <div class="row align-items-center justify-content-center text-center">
                    <div class="col-lg-6">
                        <h1>中医药知识图谱检索</h1>
                        <p class="mb-5">图形化地呈现您感兴趣的中医药知识</p>
                        <form action="/searchresult/" method="post">
                            {% csrf_token %}
                            <div class="form-group d-flex">
                                <input name="a1" type="text" class="form-control" placeholder="输入搜索信息...">
                                <input type="submit" class="btn btn-primary text-white px-4" value="搜索">
                            </div>
                        </form>
                    </div>
                </div>
            </div>
        </div>


    </div>

    <div class="site-section bg-light" id="services-section">
        <div class="container">
            <div class="row mb-5 justify-content-center">
                <div class="col-md-7 text-center">
                    <div class="block-heading-1">
                        <h2>功能列表</h2>
                        <p>点击访问我们的更多功能！</p>
                    </div>
                </div>
            </div>
            <div class="owl-carousel owl-all">
                <div class="block__35630 text-center" onclick="window.location.href='/qs'">
                    <div class="icon mb-0">
                        <span class="flaticon-ferry"></span>
                    </div>
                    <h3 class="mb-3">智能问答</h3>
                    <p>“头痛怎么办？”<br>不如直接来问问我们的智能问答系统吧</p>
                </div>

                <div class="block__35630 text-center" onclick="window.location.href='/recommend'">
                    <div class="icon mb-0">
                        <span class="flaticon-airplane"></span>
                    </div>
                    <h3 class="mb-3">为您推荐</h3>
                    <p>看一看您可能感兴趣的<br>食物、药品与病理知识</p>
                </div>

                <div class="block__35630 text-center" onclick="window.location.href='/passageindex'">
                    <div class="icon mb-0">
                        <span class="flaticon-box"></span>
                    </div>
                    <h3 class="mb-3">健康百科</h3>
                    <p>中医知识，养生秘诀<br>这里什么都有</p>
                </div>

                {#                <div class="block__35630 text-center">#}
                {#                    <div class="icon mb-0">#}
                {#                        <span class="flaticon-lorry"></span>#}
                {#                    </div>#}
                {#                    <h3 class="mb-3">文献查阅</h3>#}
                {#                    <p>更专业的中医药文献?<br>这里兴许有您要找的</p>#}
                {#                </div>#}
                {##}
                {#                <div class="block__35630 text-center">#}
                {#                    <div class="icon mb-0">#}
                {#                        <span class="flaticon-warehouse"></span>#}
                {#                    </div>#}
                {#                    <h3 class="mb-3">疾病自诊</h3>#}
                {#                    <p>通过我们的人物模型图<br>简单了解一下您可能需要咨询的病情</p>#}
                {#                </div>#}
                {##}
                {#                <div class="block__35630 text-center">#}
                {#                    <div class="icon mb-0">#}
                {#                        <span class="flaticon-add"></span>#}
                {#                    </div>#}
                {#                    <h3 class="mb-3">热门问答</h3>#}
                {#                    <p>大家都在问什么？<br>这里或许刚好有您需要的信息</p>#}
                {#                </div>#}

            </div>
        </div>
    </div>


    {#    联系我们#}
    <div class="site-section bg-light" id="contact-section">
        <div class="container">
            <div class="row">
                <div class="col-12 text-center mb-5" data-aos="fade-up" data-aos-delay="">
                    <div class="block-heading-1">
                        <h2>联系我们</h2>
                    </div>
                </div>
            </div>
            <div class="row justify-content-center">
                <div class="col-lg-8 mb-5" data-aos="fade-up" data-aos-delay="100">
                    <form action="/sendemail/" method="post">
                        {% csrf_token %}
                        <div class="form-group row">
                            <div class="col-md-6 mb-4 mb-lg-0">
                                <input type="text" class="form-control" placeholder="昵称">
                            </div>
                            <div class="col-md-6">
                                <input type="text" class="form-control" placeholder="单位">
                            </div>
                        </div>

                        <div class="form-group row">
                            <div class="col-md-12">
                                <input type="text" name='a1' class="form-control" placeholder="电子邮件">
                            </div>
                        </div>

                        <div class="form-group row">
                            <div class="col-md-12">
                                <textarea name="" id="" class="form-control" placeholder="给我们的留言填写在这里..." cols="30"
                                          rows="10"></textarea>
                            </div>
                        </div>
                        <div class="form-group row">
                            <div class="col-md-6 mr-auto">
                                <input type="submit" class="btn btn-block btn-primary text-white py-3 px-5"
                                       value="提交留言">
                            </div>
                        </div>
                        {% if messages %}
                            <script>
                                {% for msg in messages %}
                                    alert('{{ msg.message }}');
                                {% endfor %}
                            </script>
                        {% endif %}
                    </form>
                </div>

            </div>
        </div>
    </div>

    {#底部黑块#}
    <footer class="site-footer">
        <div class="container">
            <div class="row">
                <div class="col-md-6">
                    <div class="row">
                        <div class="col-md-7">
                            <h2 class="footer-heading mb-4">关于我们</h2>
                            <p>
                                我们是来自北京林业大学的开发团队！团队成员有曹泽昊，张谦，张家缘。希望我们的“泽兰抄”可以给您带来帮助。如有需要，可以通过上边的“联系我们”或者直接向2561360151@qq.com给我们发送邮件哦！</p>
                        </div>
                        {#                        <div class="col-md-4 ml-auto">#}
                        {#                            <h2 class="footer-heading mb-4">友情链接</h2>#}
                        {#                            <ul class="list-unstyled">#}
                        {#                                <li><a href="#">寻医问药网站</a></li>#}
                        {#                                <li><a href="#">网站A1</a></li>#}
                        {#                                <li><a href="#">网站A2</a></li>#}
                        {#                                <li><a href="#">网站A3</a></li>#}
                        {#                                <li><a href="#">网站A4</a></li>#}
                        {#                            </ul>#}
                        {#                        </div>#}

                    </div>
                </div>
                <div class="col-md-4 ml-auto">

                    <form action="/subscribe/" method="post" class="footer-suscribe-form">
                        {% csrf_token %}
                        <div class="mb-5">
                            <h2 class="footer-heading mb-4">订阅我们的更新！</h2>

                            <div class="input-group mb-3">
                                <input type="text" class="form-control border-secondary text-white bg-transparent"
                                       placeholder="输入电子邮箱..." aria-label="Enter Email"
                                       aria-describedby="button-addon2">
                                <div class="input-group-append">
                                    <button class="btn btn-primary text-white" type="submit" id="button-addon2">
                                        订阅
                                    </button>
                                </div>
                            </div>
                        </div>


                        {#                        <h2 class="footer-heading mb-4">Follow Us</h2>#}
                        {#                        <a href="#about-section" class="smoothscroll pl-0 pr-3"><span class="icon-facebook"></span></a>#}
                        {#                        <a href="#" class="pl-3 pr-3"><span class="icon-twitter"></span></a>#}
                        {#                        <a href="#" class="pl-3 pr-3"><span class="icon-instagram"></span></a>#}
                        {#                        <a href="#" class="pl-3 pr-3"><span class="icon-linkedin"></span></a>#}
                    </form>
                </div>
            </div>
            <div class="row pt-5 mt-5 text-center">
                <div class="col-md-12">
                    <div class="border-top pt-5">
                        <p>
                            <!-- Link back to cssmoban can't be removed. Template is licensed under CC BY 3.0. -->
                            Copyright &copy; 2021/5/4 BFU
                        </p>
                    </div>
                </div>

            </div>
        </div>
    </footer>

</div>

<script src="/static/js/jquery-3.3.1.min.js"></script>
<script src="/static/js/popper.min.js"></script>
<script src="/static/js/bootstrap.min.js"></script>
<script src="/static/js/owl.carousel.min.js"></script>
<script src="/static/js/jquery.sticky.js"></script>
<script src="/static/js/jquery.waypoints.min.js"></script>
<script src="/static/js/jquery.animateNumber.min.js"></script>
<script src="/static/js/jquery.fancybox.min.js"></script>
<script src="/static/js/jquery.easing.1.3.js"></script>
<script src="/static/js/aos.js"></script>

<script src="/static/js/main.js"></script>


</body>

</html>
